// pages/feedback/index.js
Page({
  data:{
    tabs:[{
      id:0,
      name:'体验问题',
      isActive:true
    },
    {
      id:1,
      name:'商品/商家投诉',
      isActive:false
    },
  ], 
  imgArr:[],
  text:"",
  
  },uploadArr:[],
  //提交信息
  handleSubmit(){
    let {text,imgArr} = this.data;
    if(!text.trim()){
      wx.showToast({
        title: '请输入内容',
        icon:'none',
        mask: true,
      });
        return;
    }
 // 3 准备上传图片 到专门的图片服务器 
    // 上传文件的 api 不支持 多个文件同时上传  遍历数组 挨个上传 
    // 显示正在等待的图片
    wx.showLoading({
      title: "正在上传中",
      mask: true
    });
    if(imgArr.length!=0){
      imgArr.forEach((v,i)=>{
        wx.uploadFile({
            // 图片要上传到哪里
          url: 'https://images.ac.cn/Home/Index/UploadAction/',
           // 被上传的文件的路径
          filePath: v,
           // 上传的文件的名称 后台来获取文件  file
          name: "file",
          formData: {},
          success: (result) => {
            let url = JSON.parse(result.data).url;
            this.uploadArr.push(url);
          },
          fail(err){
             wx.showToast({
               title:'上传失败'
             })
          }
        });
          // 所有的图片都上传完毕了才触发  
      if (i === imgArr.length - 1) {
        wx.hideLoading();
        console.log("把文本的内容和外网的图片数组 提交到后台中");
        //  提交都成功了
        // 重置页面
        this.setData({
          text: "",
          imgArr: []
        })
        // 返回上一个页面
        wx.navigateBack({
          delta: 1
        });     
      }
    })
    }else{
      wx.hideLoading();
      console.log("纯文本提交");
       // 返回上一个页面
       wx.navigateBack({
        delta: 1
      }); 
    }
  },
   //tab栏点击事件
   itemChange(e){
    //console.log(e);
    const {index} = e.detail;
    const list = this.data.tabs;
    list.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    this.setData({
      tabs:list
    })
  },
  //选择图片
  handleChooseImg(){
    wx.chooseImage({
      //最多选择图片数9张
      count: 9,
      //照片类型，原图 压缩
      sizeType: ['original', 'compressed'],
      //照片来源， 相册 照相机
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({
          imgArr:[...this.data.imgArr,...result.tempFilePaths]
        })
      },
    });  
  },
  removeimg(e){
    const {index} = e.currentTarget.dataset;
    let {imgArr} = this.data;
    imgArr.splice(index,1);
    this.setData({
      imgArr
    })
  },
  handleinput(e){
    const text = e.detail.value
    this.setData({
      text
    })
  }
})